<template>
  <div class="card-theme-3 h-full w-full relative" >
    <Container >
      <div class="card-theme-3-content h-full w-full relative" >
        <div class="content p-[10px]">
          <slot ></slot>
        </div>
      </div>
    </Container>
  </div>
</template>

<script lang="ts" setup>
import Container from "./_container.vue";

defineProps<{
  // 标题
  title?:string,
}>();
</script>

<style lang="scss">
.card-theme-3{
  .card-theme-3-content{
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 10px;
    > .content{
      flex: 1;
    }
  }
}
</style>
